<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <title>22001010615 魏思怡 虎牙直播</title>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./字体图标/iconfont.css">
    <link rel="stylesheet" href="./fonts/font_4283921_k7csj3k1y3/iconfont.css">
</head>
<body>
    <div class="all">
        <header id="top">
            <div class="search">
                <a class="iconfont icon-shezhi" href="./setting.html">设置</a>            
            </div>
            <div class="btn">
                <a class="iconfont icon-shoucang" href="#">收藏</a>
            </div>
        </header>
    </div>

        <li class="tx">
            <div class="tou">
                <a class="iconfont icon-touxiang" href="#">
                    <a class="yh" href="#">danking121</a>
                </a>             
            </div>
        </li>

        <li class="zj">
            <div class="gen">
                <a href="#">
                    <p class="sz">0</p>
                    <p class="z1">跟帖</p>
                </a>
            </div>
            <div class="fen">
                <a href="#">
                    <p class="sz">7</p>
                    <p class="z2">粉丝</p>
                </a>
            </div>
            <div class="shou">
                <a href="#">
                    <p class="sz">0</p>
                    <p class="z3">收藏</p>
                </a>
            </div>
            <div class="ls">
                <a href="#">
                    <p class="sz">5</p>
                    <p class="z4">历史</p>
                </a>
            </div>
        </li>

        <li class="main">
            <div class="wd">
                <a href="#" class="iconfont icon-dingyue1"><p>我的订阅</p></a>  
            </div>  
            <div class="qz">
                <a href="#" class="iconfont icon-shoucang1"><p>我的收藏</p></a> 
            </div>
            <div class="rw">
                <a href="#" class="iconfont icon-rili"><p>任务中心</p></a> 
            </div>
            <div class="sc">
                <a href="#" class="iconfont icon-saishi"><p>我的赛事</p></a> 
            </div>
        </li>

        <li class="main">
            <div class="wd">
                <a href="#" class="iconfont icon-bi"><p>创作首页</p></a>  
            </div>  
            <div class="qz">
                <a href="#" class="iconfont icon-hongbao"><p>有奖活动</p></a> 
            </div>
            <div class="rw">
                <a href="#" class="iconfont icon-shipin"><p>直播推荐</p></a> 
            </div>
            <div class="sc">
                <a href="#" class="iconfont icon-huo"><p>虎翼推荐</p></a> 
            </div>
        </li>

        <ul class="gongneng">
            <li>我的钱包 ></li>
            <li>直播掉宝 ></li>
            <li>意见反馈 ></li>
            <li>虎牙贵族 ></li>
            <li>每日竞猜 ></li>
            <li>接单赚钱 ></li>
            <li>积分兑换 ></li>
            <li>主播招募 ></li>
            <li>游戏商城 ></li>
            <li>扫一扫 ></li>
        </ul>
          
        <nav class="bnav"><!-- 下导航 -->
            <ul>
                <li >
                    <div>
                        <a href="./index.html"><span class="iconfont icon-shouye"></span>
                            <p>首页</p></a>
                    </div>
                </li>
                <li >
                    <div>
                        <a href="./1.5.html"><span class="iconfont icon-dingyue1"></span>
                            <p>订阅</p></a>
                    </div>
                </li>
                <li >
                    <div>
                        <a href="./match.html"> <span class="iconfont icon-saishi"></span>
                            <p>赛事</p></a>
                    </div>
                </li>
                <li >
                    <div>
                        <a href="./benefit.html"><span class="iconfont icon-fuli"></span>
                            <p>福利</p></a>
                    </div>
                </li>
                <li class="selected_1">
                    <div>
                        <a href="./my.html"><span class="iconfont icon-wode"></span>
                            <p>我的</p></a>
                    </div>
                </li>
            </ul>
        </nav>
        
        
        
        
        
        <script src=".\font_4283921_k7csj3k1y3\iconfont.js"></script>
        <script>
        var tabs = document.querySelectorAll("body")
        for (let i = 0; i < tabs.length; i++) {
        tab(tabs[i]);
        }
        
        function tab(main) {
        var li = main.querySelectorAll(".top li");
        var box = main.querySelectorAll(".box");
        for (let i = 0; i < li.length; i++) {
            li[i].onclick = () => {
                for (let j = 0; j < li.length; j++) {
                    li[j].classList.remove("selected")
                    box[j].classList.add("none");
                }
                li[i].classList.add("selected");
                box[i].classList.remove("none");
            }
        }
        }
        </script>
</body>
</html>










